<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<!--[if IE 8]>
<html id="ie8" lang="en">
<![endif]-->
<!--[if !(IE 8)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Something great!! | Web App</title>
    <link href="css/ui-lightness/jquery-ui-1.10.1.custom1.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/dd.css" />
    <link href="css/app.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery-ui-1.10.1.custom1.js"></script>
    <script type="text/javascript" src="js/jquery.dd.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body id="bodyTag">
<div id="mainContainer">
    <div id="header">
        <span>Something Awesome!</span>
        <ul id="navigationLinks">
            <li>
                <a href="#">About</a>
            </li>
            <li>
                <a href="#">Contact</a>
            </li>
            <li>
                <a href="#">Credits</a>
            </li>
            <li>
                <a href="#">Visit Our Website</a>
            </li>
        </ul>
    </div>
    <div id="content">
        <div id="drawingCanvasHolder" class="ui-state-default ui-corner-all" style="position:relative; background:#d9d8d8; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  border-bottom: 1px solid rgba(0,0,0,0.25);">
            <div id="screenHolder">
                <div id="loadingScreen">
                    <p>Welcome to "Something new"</p>
                    <span style="color:#fff; margin-top:100px;">Choose your region </span>
                        <select id="regionList" style="width:220px;" onchange="showValue($('#regionList option:selected').text(), this.value)">
                            <option value="Canada1" selected="selected" title="assets/icons/canada.png">CANADA (EN)</option>
                            <option value="Canada2" title="assets/icons/canada.png">CANADA (FR) - (Stay tuned!)</option>
                            <option value="US1" title="assets/icons/usa.png">USA (EN) - (Stay tuned!)</option>
                            <option value="US2" title="assets/icons/usa.png">USA (SP) - (Stay tuned!)</option>
                            <option value="UK" title="assets/icons/uk.png">UK - (Stay tuned!)</option>
                            <option value="UK" title="assets/icons/uae.png">UAE - (Stay tuned!)</option>
                            <option value="UK" title="assets/icons/mexico.png">MEXICO - (Stay tuned!)</option>
                            <option value="UK" title="assets/icons/spain.png">SPAIN - (Stay tuned!)</option>
                            <option value="UK" title="assets/icons/india.png">INDIA - (Stay tuned!)</option>
                            <option value="UK" title="assets/icons/romania.png">ROMANIA - (Stay tuned!)</option>
                            <option value="UK" title="assets/icons/turks.png">TURKS & CAICOS - (Stay tuned!)</option>
                        </select>

                    <input id="readyBtn" type="button" value="Yes, I am Ready"/>
                </div>
            </div>
        </div>

    </div>
    <div id="footer">
        <p>Terms of Use | Privacy Policy | Trademarks | Contact</p> <!-- | Liked our web app? Now draw on the go - Android | iPhone -->
    </div>
</div>
</body>
</html>